<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>考生题目</title>
    <script type="text/javascript">
        function showScoreAndRedirect() {
            alert("您的考试分数为:40分");
            setTimeout(function() {
                window.location.href = "${pageContext.request.contextPath}/login.jsp";
            }, 1000); // 5秒后跳转
        }
    </script>
</head>
<body>
<h1>考生题目展示:(满分40分,一题10分)</h1>
<form id="examForm" onsubmit="showScoreAndRedirect(); return false;">
    <div>
        <h2>一. 单选题</h2>
        <!-- 示例单选题 -->
        <p>1. 地球是平的吗？</p>
        <label><input type="radio" name="q1" value="yes"> 是</label><br>
        <label><input type="radio" name="q1" value="no"> 否</label><br><br>

        <p>2. 以下哪项不是编程语言？</p>
        <label><input type="radio" name="q2" value="Java"> Java</label><br>
        <label><input type="radio" name="q2" value="English"> English</label><br>
        <label><input type="radio" name="q2" value="Python"> Python</label><br>
        <label><input type="radio" name="q2" value="Music"> Music</label><br><br>
    </div>

    <div>
        <h2>二. 多选题</h2>
        <!-- 示例多选题 -->
        <p>1. 以下哪些是操作系统？（可多选）</p>
        <label><input type="checkbox" name="q3" value="Windows"> Windows</label><br>
        <label><input type="checkbox" name="q3" value="Linux"> Linux</label><br>
        <label><input type="checkbox" name="q3" value="Android"> Android</label><br>
        <label><input type="checkbox" name="q3" value="Photoshop"> Photoshop</label><br><br>

        <p>2. 下列哪些属于前端开发技术？（可多选）</p>
        <label><input type="checkbox" name="q4" value="HTML"> HTML</label><br>
        <label><input type="checkbox" name="q4" value="CSS"> CSS</label><br>
        <label><input type="checkbox" name="q4" value="JavaScript"> JavaScript</label><br>
        <label><input type="checkbox" name="q4" value="SQL"> SQL</label><br><br>
    </div>

    <button type="submit">提交</button>
</form>
</body>
</html>